<template>
    <el-row :gutter="30" style="width: 100%;background: #a0cfff;justify-items: center;min-height: 100vh;align-items: center;justify-items: center;">
        <el-col :span="14" style="justify-items: center;align-items: center;margin: 0 auto;">
            <div style="color:white;font-weight: bolder;font-size: 30px;">山东航空学院网络安全协会一体化办公平台</div>
            <div>技术支持：@GitHub：YanLianLi</div>
        </el-col>
        <el-col :span="9" style="background-color: white;width: 100vh; border-radius: 20px;" class="card" >
            <div class="card-body" style="width: 100%;">
                <RouterView></RouterView>
            </div>
        </el-col>
        <el-col :span="1">
        </el-col>
    </el-row>
    <el-row>
        <el-col :span="24" style="background-color: white;width: 100vh;">
        </el-col>
    </el-row>
</template>

<script lang="ts" setup>
    import { onMounted } from 'vue';
    import LoginForm from '../component/LoginForm.vue';
    import RegisterForm from '../component/RegisterForm.vue';
    import { UserStore } from '@/Store/UserStore';
    import { ElMessage, ElMessageBox } from 'element-plus'
    import type { Action } from 'element-plus'

    ElMessageBox.alert('修复了一些已知的问题，新增邮箱激活服务，修改密码需使用邮箱验证', '更新日志', {
    // if you want to disable its autofocus
    // autofocus: false,
    confirmButtonText: 'OK',
    callback: (action: Action) => {
      ElMessage({
        type: 'info',
        message: `欢迎使用本平台`,
      })
    },
  })
    
    
</script>

<style scoped>
</style>